<template>
  <!--footer-->
  <footer class="footer">
    <el-col>
      <p>基于技术栈
        <el-link
            :href="item.url"
            target="_blank"
            v-for="item in swiperArr"
            :key="item.name"
        >{{item.name}}</el-link>
      </p>
      <p>
        <el-link>dasabi999.top</el-link>桂ICP备2020007041号
      </p>
      <p></p>
    </el-col>
  </footer>
</template>

<script>
export default{
    name:"Footer",
  props:['swiperArr']
}
</script>

<style lang="less" scoped>
.footer {
  margin-top: 20px;
  padding: 20px 0;
  background-color: #fff;
  width: 100%;
  bottom: 0;
  text-align: center;
  color: #666;
  .el-link {
    color: #225997;
    margin-left: 5px;
  }
}
</style>